@import "variables";
.seed-goods-purchase-warp {
  position: relative;
  padding-top: 0px !important;
  animation: bottomToTop .5s ease-out;
  padding: 0 !important;
  background-color: color($h5,c10);
  height:100%;
  seed-item.goods-purchase-header {
    contain:none;
    height: pxTorem(196px);
    min-height: pxTorem(196px);
  }
  /*图片*/
  .goods-preview-pic {
    position: relative;
    margin-left: pxTorem(30);
    top: pxTorem(-15px);
    border-radius: pxTorem(10px);
    border: pxTorem(2px) solid color($h5, c9);
    @include el-rect(196px, 196px);
    min-width: pxTorem(196px);
    background: url(#{$images-path}/user_default.png) no-repeat top center/cover;
    background-color: color($h5,c7);
  }
  /*选择*/
  .goods-selected-box {
    padding-left: pxTorem(30px);
    .goods-selected-price {
      padding-bottom: pxTorem(15px);
      @include set-color(c15);
      @include font-dpr(32px);
    }
    .class-goods-selected-spec {
      @include font-dpr(26px);
      @include set-color(c2)
    }
  }
  /*卡片*/
  .ticket-purchase-content{
    -webkit-box-flex: 1;
    flex-grow: 1;
    overflow-y: scroll;
    margin-bottom: 1rem;
    .ticket-card-title {
      font-size: 1.5rem;
      padding-left: pxTorem(30);
      margin-top:pxTorem(30);
    }
    .ticket-scroll{
        .ticket-card {
          padding-left: pxTorem(30);
          padding-top: pxTorem(30);
          padding-right: pxTorem(30);
          .ticket-card-info{
            background-color: aliceblue;
            border-radius: pxTorem(5px);
            .ticket-price-time {
              padding-top: pxTorem(15);
              padding-left: pxTorem(35px);
              padding-bottom: pxTorem(6px);
              .ticket-price-symbol {
                @include set-color(c15);
                @include font-dpr(32px);
              }
              .ticket-info-time{
                padding-left: pxTorem(30);
              }
              .ticket-info-area{
                padding-left: pxTorem(20);
                @include font-dpr(28px);
              }
            }
            .ticket-buy-time{
              padding-left: pxTorem(35);
              padding-bottom: pxTorem(12);
            }

          &.current{
            background-color: #23c270;
            @include set-color(c10);
            .ticket-price-symbol {
              @include set-color(c10);
              @include font-dpr(32px);
            }
          }
          }
        }
    }
  }
  /*购买数量*/
  .ticket-buy-number{
    margin-bottom: pxTorem(30);
    padding-bottom: 1rem;
    .buy-number{
      padding-left: pxTorem(20);
    }
    .no-buy-select{
      padding-left: pxTorem(20);
      @include font-dpr(26px);
      @include set-color(c4);
    }
    .buy-numbers{
      margin-right: pxTorem(30);
    }
  }
  /*立即购买*/
  .ticket-purchase-btn  {
    width: 100%;
    height: pxTorem(100px);
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 99;
    &.static {
      position: static;
    }
    button {
      width: 100%;
      height: 100%;
      @include font-dpr(30px);
      @include set-color(c10);
      background-color: color($h5, c1);
      &.opacity[disabled]{
        opacity: 1;
        background-color: color($h5, c5);
      }
      &[disabled] {
         background-color: color($h5, c5);
       }
    }
  }
}

@keyframes bottomToTop {
  from {
    transform:  translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
